<html>
	<head>
		<title>
			lions
		</title>
		<link rel="stylesheet" href="lions.css" type="text/css">
	</head>
	<body>
		<div id="image-container">
			<p class="image">
				<img class="small" src="images/lion-small.jpg" alt="lion"> 
				<img class="big" src="images/lion.jpg" alt="lion"  id="lion">
			</p>
			<p class="image">
				<img class="small" src="images/lion2-small.jpg" alt="lion"> 
				<img class="big" src="images/lion2.jpg" alt="lion"  id="lion2">
			</p>
			<p class="image">
				<img class="small" src="images/lion3-small.jpg" alt="lion"> 
				<img class="big" src="images/lion3.jpg" alt="lion"  id="lion3">
			</p>
			<p class="image">
				<img class="small" src="images/lion-small.jpg" alt="lion"> 
				<img class="big" src="images/lion.jpg" alt="lion" id="lion4">
			<p  class="image">
				<img class="small" src="images/lion2-small.jpg" alt="lion"> 
				<img class="big" src="images/lion2.jpg" alt="lion" id="lion5">
			</p>
			<p class="image">
				<img class="small" src="images/lion3-small.jpg" alt="lion"> 
				<img class="big" src="images/lion3.jpg" alt="lion"  id="lion6">
			</p>
		</div>
	</body>
</html>